<template>
    <div class='app-login-header'>
        <div class='back' 
            @click='back'
        >
            <img src='https://jp.juancdn.com/jpwebapp_v1/images_v1/user/arrow_white.png?5123297e-1&sv=449ce9ee'>
        </div>

        <div class='title'>
            <span>登录</span>
        </div>

        <router-link tag='div' keep-alive to='/register' class='reg'>
            <span>注册</span>
        </router-link>
    </div>
</template>

<script>
    export default {
        methods:{
            back(){
                this.$router.back()
            }
        }
    }
</script>

<style lang="stylus" scoped>
    .app-login-header
        width 100%
        height .9rem
        background linear-gradient(150deg,#ff5a61 50%,#fd631c)
        display flex
        line-height .9rem
        text-align center
        color #fff

        .back
            width .9rem
            height 100%
            text-align center
            img
                margin-top .2rem
        .title
            flex 1
            font-size .36rem
            
        .reg
            padding-right .28rem
            font-size .28rem
</style>